 <div class="col-sm" style="flex:0 0 300px;">
    <div class="card inbox-panel">
      <div class="card-body" style="border-bottom:1px solid #f2f4f8">
        <h4 class="card-title m-b-0">信息报送</h4>
      </div>
      <ul class="list-group list-group-flush">
        <li
          class="list-group-item {% if request.endpoint == 'article.index' and request.args.get('type') == None %} active {% endif %}">
          <a href="{{ url_for('article.index') }}"><i class="fa fa-inbox"></i> 最新报送
          </a>
        </li>
        <li class="list-group-item {% if request.args.get('type') == '2' %} active {% endif %}">
          <a href="{{ url_for('article.index', type=2, cid=request.args.get('cid'), oid=request.args.get('oid')) }}"><i class="fa fa-envelope-o"></i> 已录用信息
            <span class="label label-success pull-right">{{ hired }}</span>
          </a>
        </li>
        <li class="list-group-item {% if request.args.get('type') == '3' %} active {% endif %}">
          <a href="{{ url_for('article.index', type=3, cid=request.args.get('cid'), oid=request.args.get('oid')) }}"><i class="fa fa-filter"></i> 未录用信息
            <span class="label label-warning pull-right">{{ not_hired }}</span>
          </a>
        </li>
        <li class="list-group-item {%if request.endpoint == 'report.index' %} active {% endif %}">
          <a href="{{ url_for('report.index') }}"><i class="fa fa-list-alt"></i> 专报列表</a>
        </li>
      </ul>
    </div>

    <div class="card inbox-panel">
      <div class="card-body" style="border-bottom:1px solid #f2f4f8">
        <h4 class="card-title m-b-0">栏目分类</h4>
      </div>
      <ul class="list-group list-group-flush">
        {% for item in category %}
        <li class="list-group-item {%if request.endpoint == 'article.index' and request.args.get('cid') == '{}'.format(item.id) %} active {% endif %}">
          <a href="{{ url_for('article.index', cid=item.id, type=request.args.get('type'), oid=request.args.get('oid')) }}"><i class="fa fa-inbox"></i> {{ item.title }}
          </a>
        </li>
        {% endfor %}
      </ul>
    </div>
  </div>